
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			function change(a){
				var pic=document.getElementById("img");
				var post=document.getElementById("form");
				switch (a){
					case 1:
						pic.src="baidu_web.png";
						post.action="https://www.baidu.com ";
						break;
					case 2:
						pic.src="google_web-444.png";
						post.action="https://www.google.cn/ ";
						break;
					case 3:
						pic.src="taobao_shopping-446.png"
						post.action="http://www.taobao.com ";
						break;
					default:
						break;
				}
			}		
		</script>
	</head>
	<body>
		<form action="#" method="post" id="form">	
			<img src="baidu_web.png" id="img"/>
			<input type="text"  />
			<input type="submit" value="搜索"/>
		</form>
		<input type="radio" name="r1" id="r1" value="" onclick="change(1)"/>百度
		<input type="radio" name="r1" id="r1" value="" onclick="change(2)"/>谷歌
		<input type="radio" name="r1" id="r1" value="" onclick="change(3)"/>淘宝
	</body>
<html>

